<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>零界医联体</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<link rel="stylesheet" href="dist/css/swiper.min.css">
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" href="css/project.css" />
	</head>
	<body>
	 <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
            	<img src="img/banner1.png">
            </div>
            <div class="swiper-slide">
            	<img src="img/banner1.png">
            </div>
            <div class="swiper-slide">
            	<img src="img/banner1.png">
            </div>
            <div class="swiper-slide">
            	<img src="img/banner1.png">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
	<div class="current">
		<span>当前诊所：爱月内科诊所（已关注门店）</span>
		<i class="iconfont">&#xe669;</i>
	</div>
   	<div class="index_content">
   		<div>
   			<p class="iconfont mgbuttom">&#xe6d2;</p>
   			<p>
   				咨询<br />
   				医生
   			</p>
   			<p class="mgbuttom">>></p>
   		</div>
   		<div>
   			<img src="img/logo3.png" class="logoimg" />
   		</div>
   		<div>
   			<p class="iconfont mgbuttom">&#xeacd;</p>
   			<p>
   			在线<br />
   			体检
   			</p>
   			<p class="mgbuttom">>></p>
   		</div>
   		<div>
   			<p class="iconfont mgbuttom">&#xe6a0;</p>
   			<p>
   				选择<br />
   				诊所
   			</p>
   			<p class="mgbuttom">>></p>
   		</div>
   		<div>
   			<p class="iconfont mgbuttom">&#xe76e;</p>
   			<p>
   				附近<br />
   				诊所
   			</p>
   			<p class="mgbuttom">>></p>
   		</div>
   		<div>
   			<p class="iconfont mgbuttom">&#xe932;</p>
   			<p>
   				定位<br />
   				搜索
   			</p>
   			<p class="mgbuttom">>></p>
   		</div>
   	</div>
   	
   	<div class="index_sole">
   		<h3>推荐商品</h3>
   		<div class="soleList">
   			<div>
   				<img src="img/sole_05.png">
   				<img src="img/solelist_07.png" />
   				<p>商品名称</p>
   				<b>￥5100.00</b>
   				<button>购买</button>
   			</div>
   			<div>
   				<img src="img/sole_05.png">
   				<img src="img/solelist_07.png" />
   				<p>商品名称</p>
   				<b>￥5100.00</b>
   				<button>购买</button>
   			</div>
   		</div>
   	</div>
   	<footer>
   		<div>
   			<p class="iconfont">&#xe657;</p>
   			<p>首页</p>
   		</div>
   		<div>
   			<p class="iconfont">&#xe689;</i>
   			<p>商城</p>
   		</div>
   		<div>
   			<p class="iconfont">&#xe68b;</p>
   			<p>购物车</p>
   		</div>
   		<div>
   			<p class="iconfont">&#xe666;</p>
   			<p>我的</p>
   		</div>
   	</footer>
   
	</body>
	<!-- Swiper JS -->
	 <script src="dist/js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
            speed: 1000,
            loop: true,
            observer:true,
            observeParents:true,
            autoplayDisableOnInteraction : false,
            autoplay:1500

    });
    </script>
</html>
